// 导航菜单切换功能
const navToggle = document.getElementById('navToggle');
const navMenu = document.getElementById('navMenu');

navToggle.addEventListener('click', () => {
    navMenu.classList.toggle('active');
});

// 平滑滚动导航
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();
        
        const targetId = this.getAttribute('href');
        if (targetId === '#') return;
        
        const targetElement = document.querySelector(targetId);
        if (targetElement) {
            // 关闭移动端菜单
            if (navMenu.classList.contains('active')) {
                navMenu.classList.remove('active');
            }
            
            // 计算偏移量（考虑固定导航栏的高度）
            const offsetTop = targetElement.offsetTop - 60;
            
            window.scrollTo({
                top: offsetTop,
                behavior: 'smooth'
            });
        }
    });
});

// 表单提交处理
const contactForm = document.getElementById('contactForm');

contactForm.addEventListener('submit', function(e) {
    e.preventDefault();
    
    // 获取表单数据
    const formData = new FormData(this);
    const name = formData.get('name');
    const email = formData.get('email');
    const message = formData.get('message');
    
    // 简单的表单验证
    if (!name || !email || !message) {
        alert('请填写所有必填字段');
        return;
    }
    
    // 在实际应用中，这里应该发送数据到服务器
    // 现在只是模拟提交成功
    alert('感谢您的留言！我会尽快回复您。');
    this.reset();
});

// 滚动时添加导航栏阴影
window.addEventListener('scroll', () => {
    const header = document.querySelector('.header');
    if (window.scrollY > 50) {
        header.style.boxShadow = '0 2px 10px rgba(0,0,0,0.1)';
    } else {
        header.style.boxShadow = '0 2px 5px rgba(0,0,0,0.1)';
    }
});

// 页面加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
    console.log('个人博客网站加载完成');
});